<!DOCTYPE html>
<html>
<head>
{// 引用头部文件，通常把通用的html代码块放到一个文件里面，使用include标签引用。}
{include file="common/head"}

<style type="text/css">
.news-hero{position:relative;background:url('{$Info.category.image}') center/cover no-repeat;min-height:300px;display:flex;align-items:flex-start;}
</style>
</head>
<body>
<div class="body-inner">
    <!--引用导航栏、路径基于主题目录下common文件夹下的menu.html文件-->
    {include file="common/menu"}

    <main>
        <section class="section page-hero news-hero">
            <div class="container">
                <h1 class="sec-title">{$Info.category.name}</h1>
                <p class="page-sub">{$Info.category.title}</p>
            </div>
        </section>

        <section class="contact-breadcrumb">
            <div class="container crumb-inner">
                {hkcms:breadcrumb symbol="<span class='sep'>/</span>" /}
            </div>
        </section>
        
        <section class="section contact-layout">
            <div class="container contact-grid">
                <div class="side-mobile">
                <label for="contact-nav-select" class="sr-only">选择类别</label>
                <select id="contact-nav-select">
                    {hkcms:channel model="2"}
                    <option value="{$item.url}">{$item.title}</option>
                    {/hkcms:channel}
                </select>
                </div>
                <aside class="side-nav">
                    {hkcms:channel model="2" currentstyle="active"}
                        <a href="{$item.url}" class="nav-item {$item.currentstyle}">{$item.title}</a>
                    {/hkcms:channel}
                </aside>
                <div class="contact-content">
                    <article id="anti" class="c-panel active">
                        <h1 class="c-title">{$Info.title}</h1>
                        <div class="c-article">
                            {$Info.content}
                        </div>
                    </article>
                </div>
            </div>
        </section>
    </main>

    <!-- 引用底部文件，通常把通用的html代码块放到一个文件里面，使用include标签引用 -->
    {include file="common/footer"}
</div>
</body>
</html>
